<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>供需对接服务系统--项目（内部）编辑页面</title>
	<!--公用样式-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
	<!--页面样式-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/supplier/common/css/style.css"/>
	<!--Layui-->
	<link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
	<!--extended-->
	<link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
	<!--公用样式JS-->
	<script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
	<script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>

	<script type="text/javascript" src="${re.contextPath}/plugin/supplier/common/js/tel.js" charset="utf-8"></script>
</head>
<style>
	.Right {
		width: 100%;
		overflow-y: scroll;
	}

	.release ul:nth-child(2) li label {
		width: 28%;
	}

	.release ul:first-child li label {
		width: 23%;
	}

	.release .address, .personnel .address {
		width: 65%;
	}
	.connected, .detailXm, .profileList, .proDetail, .change, .showResult {
		position: absolute!important;
		width: 600px!important;
		padding: 20px!important;
		top: 0px; !important;
		left: 50%!important;
		transform: translate(-50%, -50%);
	}

</style>

<body>
<!--头部-->
<header class="whitebg"></header>
<!--容器-->
<div class="container clearfix">

	<div class="ft20 bold"  style="margin-top: 120px;">投标文件列表</div>
	<div  style="margin-top: 120px;">投标文件列表</div>
	<!--占位-->
	<!--右侧内容-->
	<div class="Right fr mt50">

		<!--投标文件列表-->
		<div class="windows whitebg ">
			<div  style="margin-top: 20px; width: 80%; font-weight: bold; padding-left: 40px;">投标文件列表</div>
			<div  style="width: 80%;padding-left: 40px;" class="filelistdiv">
				<ul class="mt20">
					<#list filelist as vo>
						<li class="clearfix">
							<input type="checkbox"   class="filecheck fl" value="${vo.id}"   class="fl"    style="margin-right: 10px;margin-top: 4px;">
							<div class="onep fl">${vo.fileName}</div>
							<div class="fr clearfix">
								<button type="button"  id="${vo.id}"   url="${vo.url}" class="bor0 bgnone blue fl"  onclick="_crt_file.events.viewFile(this)">预览</button>
								<button type="button"  id="${vo.id}"   url="${vo.url}" class="bor0 bgnone blue fl ml10" onclick="_crt_file.events.export(this)">下载</button>
							</div>
						</li>
					</#list>
				</ul>
			</div>
			<div  style="width: 80%;padding-left: 60px;">
				<button type="button"   style="    width: 110px; height: 35px;margin: 10px 0;border: 1px solid #5775EF;border-radius: 5px;" class="bluebg white bor0 mt20" onclick="_crt_file.events.plDown(this)">批量下载</button>
			</div>
			<div style="width: 80%;padding-left: 60px;position:absolute;  left: 70%;    top: 80%;">
				<button type="button" class="whitebg blue close"  style="    width: 110px; height: 44px; margin: 10px 0; border: 1px solid #5775EF;">关闭</button>
			</div>
		</div>

	</div>



</div>
<!--JQ-->
<!--公用样式JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
<script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
<!--启动JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/jquery.boot.js"></script>
<!--启动JS-->
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/jquery.common.js"></script>
<script type="text/javascript" src="${re.contextPath}/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/supplier/common/js/fileoper.js"></script>
<!-- 公共配置第三方组件 -->
<script type="text/javascript">
	layui.config({
		version: false,
		debug: false,
		base: "${re.contextPath}/plugin/layui/lay/extra/"
	})
</script>

<script>
	var layer, form, laydate, table, autocomplete;
	var _crt_page;
	layui.use(['form', 'laydate', 'layer', 'autocomplete'], function () {
		layer = layui.layer;
		form = layui.form;
		laydate = layui.laydate;

		$('.close').click(function () {
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		});
		_crt_page = {
			init: function () {
				//初始化事件
				_crt_page.events._init();
			},

			events: {
				_init: function () {

				}

			}
		};
		_crt_page.init();
	});


</script>
</body>

</html>